
/* less申明变量：@qq:值 */

/* 加()  表示定义一个函数封装,不会被解析   
不加()表示一个类名样式，会被解析
这里是封装  ====形参
*/
.func(@w:10px){
  color:green;
  width:@w;
}
.func2(@b){
  background-color: @b;
  &.active{
    color:aqua;
  }
}

@bg:blue;


.box{
  /* 调用函数   实参 */
  .func(30px); 
  color:red;
  ul{
    width: 100px;
    .func2(@bg)
  }
}